<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<style type="text/css">
			.my_smt_btn {
				width: 70%;
				height: 40px;
				background-color: #037acb;
				color: #fff;
				margin-bottom: 43px;
				font-size: 20px;
				border: 0;

			}
			.my_form_inpt{
				
				height: 30px; width: 70%;margin: 10px;
			}
		</style>

	</head>
	<body>

		<table width="1200px">
			<tr>
				<td colspan="2" style="text-align: center;" valign="center">

					<table width="100%">
						<tr>
							<td><img src="img/login/zshLogo.png" alt="" align="right"></td>
							<td align="left">
								<span style="font-size: 20px;">


									中国石化数据应用分析平台
								</span>
							</td>

						</tr>
					</table>

				</td>
			</tr>
			<tr>
				<td><img src="img/login/01.jpg" align="right"></td>


				<td>

					<!-- action = 提交到哪个URL上   method = get/post -->
					<form action="login.jsp" method="get">

						<table width="100%" style="border: 1px solid #ccc;">
							<tr>
								<td> <span style="margin: 30px; margin-left: 88px;font-size: 20px;line-height: 70px;"> 用户注册</span></td>
							</tr>
							<tr>
								<td style="text-align: center;">
									<input class="my_form_inpt"  name="login_name" value="100"  placeholder="请输入登录账号" type="text"  />

									<img src="img/x_icon.png" style="position: absolute; top: 202px;left: 1096px;">

								</td>
							</tr>
							<tr>
								<td style="text-align: center;"><input class="my_form_inpt" name="password" value="123" placeholder="请输入密码"  type="password"
									 name="" /></td>
							</tr>
							<tr>
								<td style="text-align: center;height: 200px;" valign="bottom">

									<span style="font-size: 12px;">
										性别：
										<input type="radio" name="sex" id="" value="nv" /> 女
										<input type="radio" name="sex" id="" value="nan" /> 男
										<input type="radio" name="sex" id="" value="douxing" /> ？
										<br>
										爱好：
										<input type="checkbox" name="joy" id="" value="hejiu" /> 喝酒
										<input type="checkbox" name="joy" id="" value="tangtou" /> 烫头
										<input type="checkbox" name="joy" id="" value="chouyan" /> 抽烟
										<input type="checkbox" name="joy" id="" value="paoniu" /> 泡妞
										<input type="checkbox" name="joy" id="" value="xuexi" /> 学习
										<br>
										
										个性签名：
										<input type="text" name="" id="" value="" />
										<br>
										<textarea rows="15" cols="20">这个家伙很懒，居然连签名都懒得写~</textarea>
	<br>
										城市：
										
										<select > 
										<optgroup>
												<option value ="">深圳</option>
											<option value ="">上海</option>
											<option value ="">北京</option>
											<option value ="">三亚</option>
													<option value ="">南京</option>
										</optgroup>
										<optgroup>
											<option value ="">东京</option>
											<option value ="">纽约</option>
										</optgroup>
											
									
										</select>
	<br>





								<input type="checkbox" name="rem"  value="1" /> <a style="color: #2979d0;"> Please make a selection.记住用户名</a>
										&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
										&nbsp; &nbsp; &nbsp; &nbsp;

										忘记密码？<br>
									</span>
									
									<button class="my_smt_btn" type="submit">登录</button>
								</td>
							</tr>
						</table>
					</form>
				</td>


			</tr>
		</table>


		<table width="100%" style="    position: absolute;   bottom: 0px;">
			<tr>
				<th>Header</th>
			</tr>
			<tr>
				<td>Data</td>
			</tr>
		</table>

	</body>
</html>
